<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid24.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/ff_cash.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
	<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/tms-0.3.2.js" type="text/javascript"></script>
    <script src="js/tms_presets.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/PT_Sans_400-PT_Sans_700.font.js" type="text/javascript"></script>
    <script src="js/PT_Sans_Narrow_400-PT_Sans_Narrow_700.font.js" type="text/javascript"></script>
    <script>
	$(function(){
		$('.slider-inner').hover(
			function(){$(this).find('.color-image').show();}, 
			function(){$(this).find('.color-image').hide();}
		)
		
		$(".list-1 li").hover(function(){
			$(this).addClass("alt");
			Cufon.refresh();
		}, function(){
			$(this).removeClass("alt");
			Cufon.refresh();
		});

		$(".social-buttons li a").hover(
			function(){$(this).stop().animate({marginTop:'-5px', paddingBottom:'5px'}, 80);}, 
			function(){$(this).stop().animate({marginTop:'0px', paddingBottom:'0px'}, 80);}
		);

		
	})
</script>
	<!--[if lt IE 7]> 
  <div style='clear:both; text-align:center; position:relative;'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img                       src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today." /></a></div>
 <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
    <!--[if IE 9]>
        <link rel="stylesheet" href="css/ie9.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
    <div class="container_24">
    	<div class="grid_24">
            <!--==============================header=================================-->
            <header>
            	<div class="row-1">
                	<h1><a href="index.html">Pro.com</a></h1>
                    <div class="slogon">providing best solutions</div>
                </div>
                <div class="row-2">
					<nav>
						<ul class="sf-menu">
							<li><a class="current" href="index.html"><strong>home</strong></a></li>
							<li><a href="index-1.html">company</a></li>
							<li><a href="index-2.html">services</a>
								<ul>
									<li><a href="#">Services List</a></li>
									<li><a href="#">Special Services</a>
										<ul>
											<li><a href="#">Networking</a></li>
											<li><a href="#">Technical Support</a></li>
										</ul>
									</li>
									<li><a href="#">New Services</a></li>
									<li><a href="#">Integration</a></li>
                                </ul>
							</li>
							<li><a href="index-3.html">careers</a></li>
							<li><a href="index-4.html">clients</a></li>
							<li class="last">
                            	<a href="index-5.html"><strong>contacts</strong></a>
                            </li>
                         </ul>
						<div class="clear"></div>
					</nav>
                </div>
                <div class="slider-wrapper">
                	<div class="slider-inner">
                        <div class="slider">
                            <ul class="items">
                                <li><img src="images/image1.jpg" alt="">
                                    <div class="banner">
                                        <strong class="bl st2">Fresh ideas</strong>
                                        <strong class="bl st2 top-padd">for growing</strong>
                                        <strong class="bl st1 reg top-padd2 p1">your business!</strong>
                                        <p class="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...</p>
                                        <a class="banner-button" href="#">Click Here!</a>
                                        <div class="color-image item1"></div>
                                    </div>
                                </li>
                                <li><img src="images/image2.jpg" alt="">
                                    <div class="banner">
                                        <strong class="bl st2">Ask professionals</strong>
                                        <strong class="bl st2 reg top-padd">for business</strong>
                                        <strong class="bl st1 top-padd2 p1">advice!</strong>
                                        <p class="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...</p>
                                        <a class="banner-button" href="#">Click Here!</a>
                                        <div class="color-image item2"></div>
                                    </div>
                                </li>
                                <li><img src="images/image3.jpg" alt="">
                                    <div class="banner">
                                        <strong class="bl st2">A clear</strong>
                                        <strong class="bl st2 top-padd">tomorrow</strong>
                                        <strong class="bl st1 reg top-padd2 p1">your business!</strong>
                                        <p class="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...</p>
                                        <a class="banner-button" href="#">Click Here!</a>
                                        <div class="color-image item3"></div>
                                    </div>
                                </li>
                                <li><img src="images/image4.jpg" alt="">
                                    <div class="banner">
                                        <strong class="bl st2">Be the</strong>
                                        <strong class="bl st2 top-padd">leader.</strong>
                                        <strong class="bl st1 reg top-padd2 p1">Win the World!</strong>
                                        <p class="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...</p>
                                        <a class="banner-button" href="#">Click Here!</a>
                                        <div class="color-image item4"></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <a href="#" class="prev">prev</a>
                        <a href="#" class="next">next</a>
                    </div>
                </div>
            </header>
            <!--==============================End header=================================-->
            
            <!--==============================content================================-->
            <section id="content">
            	<div class="content-bg">
                	<div class="border-1 bot-pad indent-bot4">
	                	<div class="p3">
		                	<ul class="list-1">
		                    	<li>
                                	<div class="aligncenter">
                                        <h2 class="p2">Smart</h2>
                                        <p class="p1">Est omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-2">
                                	<div class="aligncenter">
                                        <h2 class="p2">strong</h2>
                                        <p class="p1">Aso omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-3">
                                	<div class="aligncenter">
                                        <h2 class="p2">stable</h2>
                                        <p class="p1">Est omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-4">
                                	<div class="aligncenter">
                                        <h2 class="p2">wise</h2>
                                        <p class="p1">Aso omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                    </ul>
	                        <div class="clear"></div>
		                </div>
	                    <div class="aligncenter">
	                      <h4 class="p2">We Understand That You Need Choices!</h4>
	                      <div class="text-1">
	                      	Asitatibus saepe eveniet redums Etoluptates estudesu usandaeItaque earum umel rerum hic tenetura sapiravi <br />reiciendiptatibus ass maiores alias. Asperiores repellat aurerum odes necessbus.
	                      </div>
	                    </div>
                    </div>
                    <div class="wrapper">
                    	<div class="alpha grid_15">
                        	<h3 class="indent-bot2">your business is in good hands</h3>
                            <div class="wrapper indent-bot">
                            	<figure class="img-border indent-r"><img src="images/page1-img1.jpg" alt="" /></figure>
                                <figure class="img-border"><img src="images/page1-img2.jpg" alt="" /></figure>
                            </div>
                            <h6 class="indent-bot2">Est omnis dolore ipsume dusempquibdameto aurerumoms odes sedrumest <br />Amnis doloresereledusempquibdameto aurerumoms odes nec</h6>
                            <p>Asitatibus saepe eveniet redums Etoluptates estudesu usandaeItaque earum umel rerum hic tenetura sapiravi reiciendiptatibus ass maiores alias. Asperiores repellat aurerum odes necessbus saepe eveniet utoluptates estu usandaaque. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                            <p class="indent-bot"><strong class="color-2">Anna Gross</strong> (general director)</p>
                            <a class="button" href="#">read more</a>
                        </div>
                        <div class="prefix_1 grid_8 omega">
                        	<div class="border-2 bot-pad2 p4">
                        		<h3 class="pic1">consulting</h3>
                                <a class="color-3 bo link" href="#">Est omnis doloresereledus empeto dolore ast</a>
                                <span>aurerumoms odes necessitatibus saeeveniet redums</span>
                            </div>
                        	<div class="border-2 bot-pad2 p4">
                        		<h3 class="pic2">Strategies</h3>
                                <a class="color-3 bo link" href="#">Est omnis doloresereledus empeto dolore ast</a>
                                <span>aurerumoms odes necessitatibus saeeveniet redums</span>
                            </div>
                        	<div class="border-2 bot-pad2 indent-bot2">
                        		<h3 class="pic3">development</h3>
                                <a class="color-3 bo link" href="#">Est omnis doloresereledus empeto dolore ast</a>
                                <span>aurerumoms odes necessitatibus saeeveniet redums</span>
                            </div>
                            <a class="button" href="#">read more</a>
                        </div>
                    </div>
                </div>    
            </section>
            <!--==============================End content================================-->
            
            <!--==============================footer=================================-->
            <footer>
                <div class="text-bot">
                	<a class="footer-logo" href="index.html"></a>
                    &copy; 2011 | <a href="index-6.html">Privacy policy</a>
                </div>
                <div class="fright">
                    <ul class="social-buttons">
                        <li>follow us on:</li>
                        <li><a class="item-1" href="#" title="Twitter"></a></li>
                        <li><a class="item-2" href="#" title="Facebook"></a></li>
                        <li><a class="item-3" href="#" title="Linkedin"></a></li>
                        <li><a class="item-4" href="#" title="Flickr"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
                <!-- {%FOOTER_LINK} -->
            </footer>
            <!--==============================End footer=================================-->
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript"> Cufon.now(); </script>
    <script type="text/javascript">
    $(function(){
	$('.slider')._TMS({
		prevBu:'.prev',
		nextBu:'.next',
		pagination:'.pagination',
		duration:800,
		easing:'easeOutQuad',
		preset:'fade',
		pagNums:false,
		slideshow:7000,
		numStatus:false,
		banners:'fade',// fromLeft, fromRight, fromTop, fromBottom
		waitBannerAnimation:false
		})
	})
	</script>

</body>
</html>